/**
 * @author truexin
 * @date   16/04/24
 */

.finger-add {

    p, span, div, b, i {
        font-weight: lighter;
        font-family: "Microsoft YaHei";
    }
    .mui-table-view-cell::after {
        height: 0;
    }
    .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell::after {
        height: 0;
    }
    .mui-table-view {
        .mui-table-view-cell {
            background: #f9f9f9;
            &.panel {
                background: #fff;
            }
            border-top: 1px solid #c8c8c8;
            &.mui-collapse {
                .mui-navigate-right {
                    height: .58rem;
                    &::after {
                        content: '\e583';
                        font-size: .25rem;
                        color: #787878;
                    }
                }
                .mui-push-right {
                    &::after {
                        content: '\e583';
                        font-size: .25rem;
                        color: #787878;
                    }
                }
                &.mui-active {
                    .mui-navigate-right {
                        &::after {
                            content: '\e581';
                            color: #787878;
                        }
                    }
                    .mui-push-right {
                        &::after {
                            content: '\e581';
                            color: #787878;
                        }
                    }
                }
            }
        }
    }

    .glyph {
        position: relative;
        display: block;
        font-weight: lighter;
        font-size: .15rem;
        line-height: .37rem;
        color: #787878;
        .text {
            padding-left: .3rem;
        }

        .iconfont {
            font-family: "ofinger" !important;
            -webkit-text-stroke-width: .0001rem;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            position: absolute;
            left: -.1rem;
        }

        .controll {
            &::before {
                color: #02beca;
                font-size: .41rem;
                content: "\e619";
            }
        }
        .place {
            &::before {
                color: #00bd8f;
                font-size: .48rem;
                content: "\e61a";
            }
        }
        .app {
            &::before {
                color: rgba(160, 174, 17, .8);
                font-size: .43rem;
                content: "\e61c";
            }
        }
        .fun {
            &::before {
                color: #9d439a;
                font-size: .42rem;
                content: "\e61d";
            }
        }
        .info {
            &::before {
                font-size: .43rem;
                color: #355ba4;
                content: "\e621";
            }
        }
        .prod {
            &::before {
                font-size: .43rem;
                color: #d54f34;
                content: "\e61b";
            }
        }

    }
    .table-txt {
        padding-left: .3rem;
        color: #787878;
        font-weight: lighter;
        font-family: "Microsoft YaHei";
        font-size: .12rem;
        line-height: .4rem;
    }
    .mui-navigate-right, .mui-push-right {
        &::after {
            right: .28rem;
            content: '';
        }
    }
    .mui-table-view-cell.mui-active .mui-table-view .mui-table-view-cell .mui-navigate-right {
        &::after {
            content: '';
        }
    }
    .mui-switch {
        transition-duration: 0s;
        width: .25rem;
        height: .1rem;
        border-color: transparent;
        background: #c5c5c5;
        &::before {
            content: '';
        }
        .mui-switch-handle {
            transition-duration: 0s;
            transform: translate(0, 0) !important;
            width: .15rem;
            height: .15rem;
            top: -.05rem;
            left: -.05rem;
        }
        &.mui-active {
            transition-duration: 0s;
            width: .25rem;
            height: .1rem;
            border-color: transparent;
            background: #bfeee8;
            &::before {
                content: '';
            }
            .mui-switch-handle {
                transition-duration: 0s;
                transform: translate(.16rem, 0) !important;
                background: #04b1bf;
            }
        }
    }
}

